<template>
	<view class="body">
		<view class="head">
			<view class="head_pic_all">
				<image :src="pic_path" class="head_pic"></image>
			</view>

			<view class="head_name">{{garbage_info.name}} 属于</view>
			<view class="head_cate">{{garbage_info.category}}</view>
			<view class="suggest_head">
<!--				<image src = '../../static/jianyi.png' class="suggest_ico"></image>-->
<!--				<view class="suggest_name">投放建议</view>-->
			</view>
<!--			<view class="suggest_body">{{garbage_info.ps}}</view>-->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				garbage_info:{},
				pic_path:''

			}
		},
		onLoad(options) {
			var that = this

			uni.getStorage({
						key:"garbage_info",
						success(e){
							console.log(e)
							that.garbage_info = e.data
							console.log(that.garbage_info)

						}
					})
			that.pic_path = options.pic_path

		}
	}
</script>

<style>
	.suggest_head{
		display: flex;
		flex-direction: row;
		margin-left: 50upx;
	}
	.suggest_ico{
		line-height: 50upx;
		margin-top: 5upx;
		width: 36upx;
		height: 36upx;
	}
	.suggest_name{
		margin-left: 10upx;
		line-height: 50upx;
		font-size: 30upx;
		font-weight: bold;
	}
	.suggest_body{
		font-size: 30upx;
		color: #555555;
		margin-left: 90upx;
	}

	.head{
		margin-top: 200upx;
		margin-left: 20upx;
		margin-right: 20upx;
		border-radius: 30upx;
		height: 500upx;
		background-image: url('http://img5.imgtn.bdimg.com/it/u=3801175907,1027721896&fm=26&gp=0.jpg');
		background-size: cover;
		display: flex;
		flex-direction: column;

	}
	.head_pic_all{
		margin-top: -80upx;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	.head_pic{

		height: 200upx;
		width: 200upx;
		border-radius: 30upx;
	}
	.head_name{
		margin-top: 30upx;
		font-size: 30upx;
		display: flex;
		flex-direction: row;
		justify-content: center;
		font-weight: bold;
	}
	.head_cate{
		margin-top: 10upx;
		font-size: 60upx;
		font-weight: bold;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
</style>
